import React from 'react'

export const Widget001 = ({ text, time }) => {
    return (
        <>
            {text.length !== 0 && (
                <div className="Widget001">
                    <div className="content">
                        <span style={{ '--time': `${time}s`, width: text.length * 350 }}>
                            {text.map(({ uuid, tableName, content }) => (
                                <span key={uuid}>
                                    {tableName} <span>{content}</span>
                                </span>
                            ))}
                        </span>
                    </div>
                </div>
            )}
        </>
    )
}
